
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/> 	
	<meta name="viewport" content="width=310,height=632,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"/>


	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="./css/gmu.css"/>

	<link rel="stylesheet" type="text/css" href="css/group.css">

<style type="text/css">


	/*	序列点（号）
		======================*/
	.ui-slider-dots{
		padding:0 30% 0;
		-webkit-box-sizing:border-box;
		text-align:center;
		bottom:20px;width:100%;
		position:absolute;
	}
	.ui-slider-dots b{
		display:inline-block;
		height:12px;
		min-width:12px;
		width:10%;
		background: url('./img/thinko2.gif') no-repeat 50% 50%;
	}
	.ui-slider-dots b.ui-slider-dot-select{
		background-image:url('./img/thinko1.gif');
		
	}


	</style>
	<script type="text/javascript" src='js/zepto.min.js'></script>
	<script type="text/javascript" src="js/gmu.js"></script>
	<title>创新BMW 3系列GT</title>

</head>

<body>

	<section class='thinkPad' >
	<section class='slider'><img src='./img/thinkPadSlider.png' />
	
			
	
		<section id="slider" style='height:261px;'>
			<div>
				<a href="javascript:void(0)"><img lazyload="img/thinkPadSlider01.png"></a>
			</div>
			<div>
				<a href="javascript:void(0)"><img lazyload="img/thinkPadSlider01.png"></a>
			</div>
			<div>
				<a href="javascript:void(0)"><img lazyload="img/thinkPadSlider01.png"></a>
			</div>
			<div>
				<a href="javascript:void(0)"><img lazyload="img/thinkPadSlider01.png"></a>
			</div>
		</section>	
	
	</section>	
	<section class='videoList'><ul>
		<li><a href='#'><img src='./img/think01.png'></a></li>	
		<li><a href='#'><img src='./img/think02.png'></a></li>	
		<li><a href='#'><img src='./img/think03.png'></a></li>	
	</ul></section>	
	</section>	
<script type="text/javascript">
    //创建slider组件
   $('#slider').slider({'showArr':false,showDot: true});
</script>


</body>
</html>

